﻿<!DOCTYPE html>
<html class="L_UI">
<head>
    <title></title>
    <link href="../CSS/Main.css" rel="stylesheet" type="text/css" />
    <link href="../App_Themes/MSN_Blue/default.css" rel="stylesheet" type="text/css" />
    <link href="../App_Themes/MSN_Blue/menu.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="../Content/lib/vue/vue-2.5.17.min.js" type="text/javascript"></script>
</head>
<body>
    <div class="Window" style="min-width:950px;">
        <div style="position: absolute; top: 0px; height: 32px; left: 0px; right: 0px;">
            <table border="0" cellpadding="0" cellspacing="0" class="table" style="margin: 0px;
                border: 1px;">
                <tr style="height: 100%;">
                    <td class="lefttd">
                        计划日期：
                    </td>
                    <td class="righttd" style="width: 110px;">
                        <input class="Wdate" style="width: 80px;" type="text"
                            onclick="WdatePicker({dateFmt:'yyyy'})" />
                        年 <span style="color: Red;">*</span>
                    </td>
                    <td class="lefttd">
                        编制依据及事由：
                    </td>
                    <td>
                        <input type="text" class="txtskin" style="width:400px;" />
                        <span style="color: Red;">*</span>
                        <div style="float: right; text-align: right; color: Red; font-size: 14px; margin-right: 40px;">
                            单位：万元
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div style="position: absolute; top: 32px; bottom: 40px; left: 0px; right: 0px;">
            <div style="width: 100%; height: 100%; text-align: left; overflow: hidden; overflow-y: auto;">
                <div style="margin: 2px;">
                    <table class="cont_list">
                        <tbody>
                            <tr>
                                <th style="width:85px;">编号</th>
                                <th style="width:450px;">项目名称</th>
                                <th style="width:200px;">资金计划</th>
                                <th style="min-width:150px;">备注</th>
                            </tr>
                            <template v-for="(entity1,index1) in Entitys">
                                <tr style="background-color:#B2D8FF;font-size:14px">
                                    <td>{{entity1.ProId}}</td>
                                    <td>{{entity1.ProName}}</td>
                                    <td>{{entity1.ProMoney}}</td>
                                    <td>{{entity1.ProRemark}}</td>
                                </tr>
                                <template v-for="(entity2,index2) in entity1.Entitys">
                                    <tr style="background-color:#CCCCCC;font-size:13px">
                                        <td>{{entity2.ProId}}</td>
                                        <td style=" text-indent:10px;">{{entity2.ProName}}</td>
                                        <td>{{entity2.ProMoney}}</td>
                                        <td>{{entity2.ProRemark}}</td>
                                    </tr>
                                    <template v-for="(entity3,index3) in entity2.Entitys">
                                        <tr style="background-color:#CCCCCC;font-size:13px">
                                            <td>{{entity3.ProId}}</td>
                                            <td style=" text-indent:10px;">{{entity3.ProName}}</td>
                                            <td><input type="text" v-model="entity3.ProMoney" /></td>
                                            <td><input type="text" v-model="entity3.ProRemark" /></td>
                                        </tr>
                                    </template>
                                </template>
                            </template>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div style="position: absolute; bottom: 0px; left: 0px; right: 0px; height: 40px;
            text-align: center;">
            <input class="bt_css_s" type="button" value="求和" />
            <input class="bt_css_s" type="button" value="申请" />
        </div>
    </div>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                Users: [],
                Entitys: [
                    {
                        ProId:1,
                        ProName:"a1",
                        ProMoney:"",
                        ProRemark:"",
                        Entitys: [
                            {
                                ProId: 11,
                                ProName: "b1",
                                ProMoney: "",
                                ProRemark: "",
                                Entitys: [
                                    {
                                        ProId: 21,
                                        ProName: "C1",
                                        ProMoney: "",
                                        ProRemark: "",
                                    }
                                ]
                            }
                        ]
                    }
                ]
            },
            methods: {
                QueryClick: function () {

                },
                SureClick: function () {

                },
                ClearClick: function () {

                }
            }
        });
    </script>
</body>
</html>